.f888 { color:#888; } 
.ml15 { margin-left: 15px; } 
.mb20 { margin-bottom: 20px; } 
a:hover { text-decoration: none; } 
.tr { text-align: right; } 
td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
* { margin: 0; padding:0; } 
p { margin: 0; } 
 
ul { list-style-type: none; } 
.navbar { margin-bottom: 0; min-height: 30px; } 
.navbar-brand { height: 42px; } 
/* 零售页面 */
.blues-wrap .search-box { position:relative; margin-right: 10px; } 
.blues-wrap .search-box input { background: #51576b; border:none; color: #ddd; margin-top:8px; padding-right: 32px; } 
.blues-wrap .search-box i { position: absolute; right:6px; top:12px; color: #eee; cursor: pointer; } 
.blues-wrap .portrait-box a { line-height: 30px; padding:0 15px; margin-top:6px; } 
.blues-wrap .portrait-box .h-icon { width:30px; height:30px; display: inline-block; margin-right:8px; } 
.blues-wrap .portrait-box .h-icon img { width:100%; } 
.blues-wrap .portrait-box em { background: #f0ad4e; padding:3px 5px; margin-left: 8px; border-radius: 2px; font-style: normal; color: #fff; } 
.blues-wrap .help-box a { padding:0 10px; margin-top:6px; } 

.navbar-brand { height:42px; padding:0 0 0 25px; line-height: 42px; } 

.side-nav a .i-left { position: absolute; top:50%; right:17px; transform: translate(0,-50%); font-size: 14px; } 

.blues-wrap .h-msg { background: #fff; padding:5px 10px; display: flex; align-items: center; margin-bottom:10px; justify-content:space-between; } 
.blues-wrap .h-msg .pull-left { height:35px; align-items: center; justify-content: center; display: flex; } 
.blues-wrap .h-msg .shu { border-left:1px solid #ccc; height: 34px; } 
.blues-wrap .h-msg .pull-left:last-child { border:none; } 
.blues-wrap .h-msg .pull-left .form-group { margin-bottom: 0; } 
.blues-wrap .h-msg .pull-left .form-group label { margin-bottom: 0; } 
.blues-wrap .h-msg .user>.ico img { width: 35px; } 
.blues-wrap .h-msg .user .text { align-items: center; margin-left:5px; font-size:14px; } 
.blues-wrap .h-msg .h-form .form-group { margin-bottom: 0; } 
.blues-wrap .h-msg .h-form .form-group label { font-weight: normal; } 
.blues-wrap .h-msg .pull-left .iconfont { font-size: 18px; color: #888; margin: 0 10px 0 15px; } 
.blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { display: inline-block; width: 80px; } 

.blues-wrap .h-msg .h-icon { justify-content: center; display: flex; text-align: center; } 
.blues-wrap .h-msg .h-icon>div { vertical-align: middle; line-height: 21px; } 
.blues-wrap .h-msg .h-icon .iconfont { font-size:20px; margin:0 10px 0 15px; } 

.blues-wrap .t-input { background: #00C1DE; border-radius: 5px 5px 0 0; color: #fff; padding:8px 0; } 
.blues-wrap .t-input .control-label { padding:0; margin:0; line-height: 36px; } 
.blues-wrap .t-input .form-control { height:36px; border-radius: 4px !important; } 
.blues-wrap .t-input .btn { padding:7px 12px; } 
.blues-wrap .t-input .btn-default.on { background: #f0ad4e; color: #fff; } 
.blues-wrap .t-input .form-group { margin-bottom:0; } 
.blues-wrap .t-input .right { position: relative; height: 36px; } 
.blues-wrap .t-input .right>div { position: absolute; top:50%; right:20px; transform: translate(0,-50%); padding-left:15px; } 
.blues-wrap .t-input .md-search .iconfont { position: absolute; right: 10px; top:7px; color: #00C1DE; z-index: 100; cursor: pointer;font-size: 18px; } 
.blues-wrap .b-num { background: #fff; padding:10px 15px 0 0; position: relative; border-bottom:1px solid #e6eaee; margin-bottom: 10px; } 
.blues-wrap .b-num .top { padding-bottom: 10px; } 
.blues-wrap .b-num .top ul { list-style-type: none; display: flex; align-items: center; margin-bottom: 0; } 
.blues-wrap .b-num .top ul li { display: flex; align-items: center; margin:0 1%; } 
.blues-wrap .b-num .top li span { margin-right:5px; } 
.blues-wrap .b-num .top li input { width:100px; } 
.blues-wrap .b-num .list { background: #e0e0e0; padding:0 15px; line-height: 1.8; } 
.blues-wrap .b-num .list li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 8px; } 
.blues-wrap .b-num .list span { color: #888; display: inline-block; width:50px; text-align:right; margin-right: 5px; } 
.blues-wrap .b-num .list .red { color: red; } 
.blues-wrap .b-num .card-box { height:80px; position: relative; } 
.blues-wrap .b-num .card .left { width: 40px; position: absolute; right: 10px; top:0; } 
.blues-wrap .b-num .card .left img { width: 100%; } 
.blues-wrap .b-num .card .left span { position: absolute; top: 21px; left:12px; color: #00C1DE; font-size: 18px; font-weight: bold; } 
.blues-wrap .b-num .card { border:1px solid #00c1de; border-radius: 5px; } 
.blues-wrap .b-num .msg { margin-top:5px; } 
.blues-wrap .b-num .msg p { margin-bottom:0; line-height: 1.4 } 
.blues-wrap .b-num .msg span { color: #888; display: inline-block; width:70px; text-align: right; } 
.blues-wrap .b-table { padding:10px 15px 10px 15px; background: #fff; border-bottom:1px dotted #999; } 
.blues-wrap .b-table .pager-box .pagination { margin: 0; } 
.blues-wrap .b-table .blue { margin: 0 5px; } 
.blues-wrap .b-balance { background: #fff url(../images/bl.png) repeat left bottom; margin-bottom:10px; position: relative; } 
.blues-wrap .b-balance .pull-left { font-size: 18px; margin-right:20px; color: #838db1; } 
.blues-wrap .b-balance input[type=button] { height:32px; color: #868da2; font-size: 14px; border-radius: 4px; width:100px; background: #fff; border:1px solid #c0ccda; } 
.blues-wrap .b-balance input[type=button]:focus,.blues-wrap .b-balance input[type=button]:hover { background: #00C1DE; color: #fff; } 
.blues-wrap .f-btns { margin-bottom: 5px; } 
.blues-wrap .f-btns .btn { border:1px solid #c0ccda; background: #fff; color:#555; height:32px; font-size: 14px; border-radius: 4px; width:105px; padding:6px 0; } 
.blues-wrap .fd-msg { background: #fff; } 
.blues-wrap .fd-msg>.pull-left,.blues-wrap .fd-msg>.pull-right { padding:0 15px; } 
.blues-wrap .fd-msg .receivables { background: #fff; font-size:22px; width: 240px; height:60px; border-radius: 4px; border:1px solid #c0ccda; margin-top:4px; font-weight: 600; color: #555; } 
.blues-wrap .fd-msg i { background: url(../images/bl.png) repeat-x 0 0; width:100%; bottom:-6px; left:0; height: 6px; position: absolute; } 


.blues-wrap .r-common { background: #fff; } 
.blues-wrap .r-column .r-header { border-radius: 3px; border-top:2px solid #00c1de; height:40px; line-height: 40px; padding:0 15px; overflow: hidden; } 
.blues-wrap .r-column .r-header .pull-left { font-size: 16px; } 
.blues-wrap .r-column .liushuihao { color: #00c1de; } 
.blues-wrap .r-turnover table { position: relative; } 
.blues-wrap .r-turnover tr:nth-child(odd) { background: #F0F5FC; } 
.blues-wrap .r-turnover td { border:none; padding:4px; } 
.blues-wrap .r-turnover td:first-child { padding-left: 20px; } 
.blues-wrap .r-turnover td { vertical-align: middle; } 
.blues-wrap .r-turnover small { display: block; color: #888; } 

.blues-wrap .r-announcemer { background: #fff; } 
.blues-wrap .r-announcemer ul { line-height: 1.8; color: #666; padding:0 10px 10px 32px; list-style-type:disc; } 
.blues-wrap .r-announcemer li a { color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; vertical-align: middle; } 
.blues-wrap .r-aboutus li { display: flex; align-items:center; padding:10px 10px 0; color: #777; } 
.blues-wrap .r-aboutus li .l-icon { width: 50px; text-align: center; } 
.blues-wrap .r-aboutus .iconfont { color: #959FC2; font-size: 28px; } 
.blues-wrap .r-aboutus li .r-msg { border-bottom:1px dotted #999; flex:auto; padding-bottom: 10px; } 
.blues-wrap .r-aboutus li:last-child { align-items: stretch; } 
.blues-wrap .r-aboutus li:last-child .r-msg { border-bottom:none; } 
.blues-wrap .r-aboutus .tel p { font-size:25px; } 
.blues-wrap .r-aboutus .weixin .img img { width: 95px; } 

.container-fluid { height: 100%; } 

.wrap-line { position: absolute; top:10%; left:50%; transform: translate(-50%,0); border-radius: 5px; min-width: 1000px; } 
.wrap-line .title { font-size:40px; padding-top:30px; color: #fff; color: #fff; margin-bottom: 25px; } 
.wrap-line .title span { display: block; font-size: 20px; margin-top:15px; } 
.wrap-line .box { background: #fff; padding:80px; box-shadow: 0 0 2px 2px #ddd; } 
.wrap-line a { text-decoration: none; color: #555; display:block; font-size:18px; color: #fff; line-height: 2; background: #00C1DE; padding:10px 25px; margin: 20px 0; width: 200px; text-align: center; border-radius: 5px; } 
.wrap-line a:hover { text-decoration: none; } 

.evaluate-wrap { position: absolute; width: 100%; height: 100%; top:0; left:0; } 
.evaluate-wrap .title { text-align: center; color: #fff; font-family: "Microsoft YaHei"; padding-top:40px; } 
.evaluate-wrap .title .name { font-size: 16px; margin: 15px 0 25px; } 
.evaluate-wrap .title .msg { font-size: 22px; font-weight: 600; margin-bottom: 25px; } 
.evaluate-wrap ul { list-style-type: none; padding:0 10%; } 
.evaluate-wrap li { box-sizing: border-box; text-align: center; color: #7581a9; display:inline-block; margin:0 2%; } 
.evaluate-wrap li.on { color: #fff; } 
.evaluate-wrap li .box { background: url('../images/y3.png') repeat-x 0 0; border-radius: 5px; height: 18.6rem; display: flex; align-items: center; justify-content: center; cursor: pointer; } 
.evaluate-wrap li.on .box { background-image:url('../images/y2.png'); color: #fff; } 
.evaluate-wrap li .list-icon { margin-bottom: 2rem; } 
.evaluate-wrap li .list-icon img { width: 85%; } 
.evaluate-wrap li .text { font-size: 20px; } 
/* 模块 module md- 
UI ui-
row line
item box block section*/

/* 收银页面 */
.customer-wrap .left-column { width:330px; background: url(../images/bg-left.jpg) no-repeat 0 0/ 100% 100%; padding:25px 15px; float:left; box-sizing: border-box; } 
.loading_cen { background-image: url(../images/loading_bg.gif); background-size: 8em 8em; width: 8em; height: 8em; position: absolute; display: none } 
.loading_cen { background-repeat: no-repeat } 
.left-column .top { margin-bottom: 15px; } 
.left-column .top>div { border-radius: 3px; box-sizing: border-box; padding:15px 10px; } 
.left-column .t-left { background: #6F7BA5; color: #fff; margin-right: 15px; float: left; width: 120px; } 
.left-column .t-left span:nth-child(1) { vertical-align: top; font-size: 15px; } 
.left-column .t-left span:nth-child(2) { font-size: 34px; position: relative; top:10px; } 
.left-column .top .t-right { float:left; background: #fff; width:165px; font-size: 16px; padding:19px 10px; } 
.left-column .t-right>div { float:left; width:50%; line-height: 1.5; } 
.left-column .t-right>div>img { width: 40px; height: 40px; } 
.left-column .card-wrap { margin-bottom: 15px; color: #fff; } 
.left-column .card-box { display: flex; align-items: center; border:1px solid #00c1de; border-radius: 5px; background: #37BCCD; padding:10px 0 10px; } 
.left-column .card-box .left { position: relative; margin: 0 35px 0 15px; } 
.left-column .card-box .left span { position: absolute; top:21px; left:20px; font-size: 16px; } 
.left-column .card-box .msg { font-size: 14px; line-height: 1.6; } 
.left-column .card-box .msg span { width: 60px; text-align: right; display: inline-block; } 

.left-column .table-list { background: #fff; margin-bottom: 16px; } 
.left-column .table-list th { background: #0d2d5b; color: #fff; padding:10px 0; font-size: 14px; } 
.left-column .table-list tr:nth-child(odd) { background: #dce8f7; } 
.left-column .table-list td { padding:0 5px; font-size: 14px; height: 35px; vertical-align: middle; } 
.table-wrap .table>tbody>tr>td,.table-wrap .table>tbody>tr>th,.table-wrap .table>thead>tr>td,.table-wrap .table>thead>tr>th { padding:4px 10px; font-size: 14px; } 
.left-column .detail-wrap { background: #fff; padding:25px; border-radius: 5px; } 
.left-column .detail-wrap ul { list-style-type: none; } 
.left-column .detail-wrap li { line-height: 2; } 
.left-column .detail-wrap .pull-left { color: #666; font-size: 18px; line-height: 48px; } 
.left-column .detail-wrap .pull-right { font-size: 24px; } 

.r-container { box-sizing: border-box; position: relative; margin-left:330px; } 

.teamplate-login { background: url(../images/login-bg.jpg) no-repeat 0 center; } 
.teamplate-login .login-box { background: #fff url(../images/loginbox-bg.png) no-repeat top right; } 

/*各个部分样式*/
td,th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; height: auto; } 
.form-table { width: 100%; border-collapse: collapse; margin: 0 auto; text-align: center; table-layout: fixed; } 

.form-table th { border-left: none; border-top: none; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; background: #F3F3F3; } 
 

.fixed-thead,
.fixed-tfoot { display: block; padding-right: 17px; } 

.fixed-tfoot tr td { background: #F3F3F3; border-bottom: none; } 

.fixed-thead tr,
.fixed-tfoot tr { width: 100%; /* display: flex; */
text-align: center; } 

.fixed-thead tr th,
.fixed-tfoot tr td { text-align: center; } 

.scroll-tbody { display: block; overflow: auto; width: 100%; } 

.scroll-tbody tr { width: 100%; } 

@media(max-width:1024px){
 .teamplate-index .table-box { height: 380px; } 
 .blues-wrap .b-num .top li input { width: 90px; } 
.blues-wrap .fd-msg .receivables { background: #fff; font-size: 22px; width: 140px; height: 60px; border-radius: 4px; border: 1px solid #c0ccda; font-weight: 600; color: #555; } 
.blues-wrap .fd-msg .pager-box { padding-top: 0px; } 
#tishi { display: none; } 
 .blues-wrap .fd-msg .b-balance { margin-top: 0px; } 
 .blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { width: 70px; } 
 }
@media(max-width:1200px){
 .blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { width: 70px; } 
 .r-column { display: none; } 
 }
 /* @media screen and (max-height: 980px) and (max-width: 1280px){
 .teamplate-index .table-box { height: 420px; } 
 }*/
 @media(max-width:1280px){
 .blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { width: 70px; } 
 }
@media(min-width:1400px){
 .blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { width: 75px; } 
 }
@media(min-width:1410px){
 .teamplate-index .table-box { height: 425px; } 
 .blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { width: 75px; } 
 }
 @media(max-width:1600px){
 .blues-wrap .fd-msg { position: relative; } 
 .blues-wrap .fd-msg .b-balance { margin-top:0px; } 
 .blues-wrap .fd-msg .pager-box { padding:20px 0 15px; } 
 .blues-wrap .fd-msg .receivables-box { position: absolute; right: 15px; top:0; } 
 }
 @media screen and (min-width: 1500px) and (max-width: 1599px){
 .blues-wrap .fd-msg .receivables-box { top:27px; } 
 }
@media(min-width:1680px){
 .blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { width: 105px; } 
 }
@media(min-width:1920px){
 .blues-wrap .h-msg .pull-left input[type="text"],.blues-wrap .h-msg .pull-left select { width: 120px; } 
 }
 

/*网络状态*/
.vpn {
	display: inline-block;
	width: 26px;
	height: 26px;
	font-size: 18px; 
	color: #888; 
	margin: 0 10px 0 15px;
	background-size: 100%;
}
.vpn-online {
	background-image: url(../images/gr-w.gif);
}

.vpn-offline {
	background-image: url(../images/red-w.gif);
}
